.grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 10px;
  div {
    border-style: solid;
    border-color:cadetblue;
    border-width: 2px;
    border-radius: 5px;
    background-color:#4D7298;
  }
}

.one {
  grid-column: 1 / 13;
  grid-row: 1;
}

.two {
  grid-column: 1 / 5;
  grid-row: 2;
}

.three {
  grid-column: 5 / 13;
  grid-row: 2;
}

.four {
  grid-column: 5 / 13;
  grid-row: 3;
}